<template>
    <header>
        <div class="left">
            <slot name="left"></slot>
        </div>
        <div class="right">
            <slot name="right"></slot>

        </div>


    </header>
</template>

<script>
    export default {
        name: "Headersh"
    }
</script>

<style scoped>
    header {
        width: 100%;
        height: 10rem;
        background-image: url("https://yanxuan.nosdn.127.net/5905098f74e04c39fa5e76ebb9ff591b.png");
        background-size: 100%;
        display: block;
    }

    .left {
        width: 75%;
        float: left;
        flex-wrap: wrap;
        position: absolute;

    }

    .right {
        width: 31%;
        float: right;
        height: 100%;
        position: relative;

    }
</style>